import { defineStore } from "pinia";
import { shallowRef } from "vue";

const useLoadingStore = defineStore("loading", () => {
  const isLoading = shallowRef<boolean>(false);

  function hide() {
    document.body.style.overflow = "";
    isLoading.value = false;
  }
  function show() {
    document.body.style.overflow = "hidden";
    isLoading.value = true;
  }

  return {
    isLoading,
    hide,
    show,
  };
});

export default useLoadingStore;
